<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
  <meta content="yes" name=" apple-mobile-web-app-capable" />
  <!-- 隐藏状态栏  -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <!-- <title>确认订单</title> -->
  <link rel="stylesheet" href="css/details.css">
  <link rel="stylesheet" href="css/common.css">
</head>
<body class="ng-cloak" background="#f6f2f1;" ng-app="CheerHiWx" ng-controller="ConfirmOrderCtrl">
<header>
    <div class="wrapper clearfix">
      <div class="login_fl fl">
        <a href="javascript:history.back();" class="login_icon"><img src="img/srh_icon.png" alt=""></a>
      </div>
      <h1>确认订单</h1>
    </div>
</header>
<section class="clearfix exceed" ng-show="orderDetails.timeDetail.msg != ''">
  <div class="p10 confirm-top">
    <p ng-bind="orderDetails.timeDetail.msg"></p>
  </div>
</section>
<section class="clearfix">
  <article>
    <header>
      <p class="fl">{{orderDetails.shopName}}·{{orderDetails.activeName}}</p>
    </header>
    <div class="order_info order_time p10">
      <i></i>
      <h3>时间</h3>
      <p>
        日期：{{orderDate}} <br>
        开唱时间：{{orderDetails.timeDetail.time}} <br>
        结束时间：{{orderDetails.timeDetail.endTime}}
      </p>
    </div>
    <div class="order_info order_box p10">
      <i></i>
      <h3>包厢</h3>
      <p>
        形式：{{orderDetails.tableTypeName}} <br>
        主题：{{themeName==''?'无':themeName}} <br>
      </p>
    </div>
    <div class="order_detail p10">
      <i></i>
      <h3>餐点详情</h3>
      <p ng-bind="orderDetails.foodInfo==''?'无':orderDetails.foodInfo"></p>
    </div>
  </article>
</section>

<!-- 红包选择 -->
<div class="coupon" ng-if="listType == 0">
  <i></i>
  <span>红包</span>
  <!-- 登录 有红包 没有数额（） -->
  <span class="fr" ng-if="!ticketValue && userInfo.isUserLogin && CouponList.size !== 0" ng-click='GetCoupon()'>还有{{CouponList.list.length}}个红包可用<b></b></span>
  <!-- 登录 有红包 有数额 -->
  <span class="fr" ng-if="CouponList.size !== 0 && userInfo.isUserLogin && ticketValue" ng-click='GetCoupon()'>减{{(ticketValue?ticketValue:0)}}元<b></b></span>

  <span class="fr no-coupon-text" ng-if="CouponList.size == 0">无红包<b></b></span>
  <span class="fr" ng-if="CouponList.size !== 0 && !userInfo.isUserLogin">登录后可查看<b></b></span>
</div>

<div class="coupon" ng-if="listType == 1">
  <i></i>
  <span>红包</span>
  <span class="fr" ng-if="CouponList.size == 0">无法使用红包<b></b></span>
  <span class="fr" ng-if="CouponList.size !== 0">红包不可用<b></b></span>
</div>

<!-- 支付方式 -->
<div class="use-coupon">
  <ul>
    <li class="no" ng-click="switchType(0)" ng-class="{yes:listType == 0}">
      <i></i>
      <span>在线支付 <!-- <b>立减8元</b> --></span>
    </li>
    <div class="straight-line"></div>
    <li class="no" ng-click="switchType(1)" ng-class="{yes:listType == 1}">
      <span>现场支付</span>
    </li>
  </ul>
</div>

<!-- 手机号绑定 & 留言 -->
<section class="m68">
  <div class="bind_phone clearfix">
    <span class="fl"><i></i>手机号码</span>
    <span class="fr">
      <!-- <span ng-if="userInfo.isUserLogin" ng-bind="asteriskPhoneNum(userInfo.data.phone)"></span> -->
      <input class="phonenumber" type="text" ng-if="userInfo.isUserLogin" ng-model="userInfo.data.phone" readonly="">
      <span ng-if="!userInfo.isUserLogin">未登录</span><!--  <i ng-show="userInfo.isUserLogin"></i> -->
    </span>
  </div>
  <div class="straight-line"></div>
  <div class="message">
    <textarea name="" id="" cols="38" rows="1" placeholder="备注" ng-model="userMsg"></textarea>
  </div>
</section>

<!-- 确认预订 -->
<footer class="clearfix">
  <!-- 有红包 -->
  <p ng-if="CouponList.size !== 0 && (cash-ticketValue)>0 && listType == 0">¥{{listType == 1?cash:(cash-ticketValue) | number:2}} 
    <span ng-if="CouponList.size !== 0 && listType == 0 && userInfo.isUserLogin && ticketValue">已优惠{{ticketValue}}元</span>
  </p>
  
  <!-- 有红包 红包大于订单金额&&在线支付 -->
  <p ng-if="CouponList.size !== 0 && (cash-ticketValue)<=0 && listType == 0">¥ 0
    <span ng-if="CouponList.size !== 0 && listType == 0 && userInfo.isUserLogin && ticketValue">已优惠{{ticketValue}}元</span>
  </p>

  <!-- 现场支付 -->
  <p ng-if="CouponList.size !== 0 &&  listType == 1">¥{{cash | number:2}}</p>

  <!-- 没有红包 -->
  <p ng-if="CouponList.size == 0 ">¥{{cash | number:2}}</p>
  
  <input type="button" value="登录并继续" ng-if="!userInfo.isUserLogin" ng-click="confirmOrderWithLogin()">

  <input type="button" value="确认预订" ng-if="userInfo.isUserLogin" ng-click="confirmOrder()">
</footer>

<!-- JS begin -->
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/constants.js"></script>
<script src="js/common.js"></script>
<script src="js/confirm-order.js"></script>
<!-- JS end -->
</body>
<span style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255764485'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1255764485%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
<script>
    _maq.push(['_setMaq', 'confirm-order']);
</script>
</html>
</html>